<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>{$menus[3]['name']}</title>
    <!-- 框架样式 -->
    <link href="/public/addon/style/css/bootstrap.min.css" rel="stylesheet">
    <link href="/public/addon/style/css/reset.min.css" rel="stylesheet">
	 <link rel="stylesheet" href="/public/addon/style/css/common.css"/>
    <!--    自定义样式要放在框架样式下面-->
    <link rel="stylesheet" href="/public/addon/style/css/index2.css">
    <!--   这是自带的兼容最好不要动-->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	<style>
		.pro-list div{
			overflow:hidden;
		}
		.pro-list div span{
			display:block;
			float: left;
			background: linear-gradient(#333,#29292a);
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-ms-border-radius: 4px;
			-o-border-radius: 4px;
			margin:0px 5px;
			font-size: 12px;
			color:#fff;
			width:28px;
			height:28px;
			line-height: 28px;
			text-align: center;
		}
		.pro-list div a{
			display:block;
			float: left;
			background: linear-gradient(#686868,#5e5e5e);
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-ms-border-radius: 4px;
			-o-border-radius: 4px;
			margin:0px 5px;
			font-size: 12px;
			color:#fff;
			width:28px;
			height:28px;
			line-height: 28px;
			text-align: center;
		}
		.pro-list span:hover{
			background: linear-gradient(#333,#29292a);
		}
		.pro-list a:hover{
			background: linear-gradient(#333,#29292a);
		}
		<!-- .pro-list .pro-current{
			background: linear-gradient(#333,#29292a);
		} -->
		.pro-ul-right{padding:0 10px}
	</style>
</head>

<body>
    <div class="containe">
        <!--    头部开始-->
        <div class="head">
         <include file="Public::Header" />
		 <img src="{$images['img']}" alt="" class="pic">
         </div>
        <!--    头部结束-->
        <!--        中间部分开始-->
        <div class="content">
            <div class="aside">
               <div class="aside-bor"></div>
                    <ul class="aside-ul" id="sidebar" style="height:auto;">
					<volist name="list" id="list">
						<if condition="$list['id'] eq $form['id']">
                        <li class="aside-bg"><a href="__APP__/Stage/index/Product_list/form_id/{$list['id']}.html">{$list['name']}</a><img src="/public/addon/style/images/bg.png" alt=""></li>
						<else />
                        <li><a href="__APP__/Stage/index/Product_list/form_id/{$list['id']}.html">{$list['name']}</a></li>
						</if>
					</volist>
                    </ul>
                <div class="main" id="right">
                    <ul class="main-ul">
                        <li><a href="">龙腾科技</a><i>&gt;</i></li>
                        <li><a href="__APP__/Stage/index/Product_list.html">{$menus[3]['name']}</a><i>&gt;</i></li>
                         <a href="#">{$form['name']}</a>
                    </ul>
                    <div class="main-con">
                        <ul class="pro-ul">
							<volist name="list_new" id="list_new">
                            <li>
                                <a href="__APP__/Stage/index/Product_details/form_id/{$form['id']}/id/{$list_new['id']}.html">
                                    <div class="pro-ul-ime"><img src="{$list_new['img']}" alt=""></div>
                                    <div class="pro-ul-right">
                                        <h2 class="pro-ul-tit">{$list_new['name']}</h2>
                                        <p class="pro-ul-con">{$list_new['intro']}</p>
                                        <p class="pro-ul-time">{$list_new['time']|date="Y-m-d H:i:s",###}</p>
                                    </div>
                                </a>
                            </li>
							</volist>
                        </ul>
                       <center class="pro-list">
						 {$pages}
						</center>
                    </div>
                </div>
            </div>
        </div>
        <!--        中间部分结束-->
        <!--        尾部开始-->
          <include file="Public::Footer" />
    </div>
</body>
<script src="/public/addon/style/js/jquery.min.js"></script>
<script src="/public/addon/style/js/jquery-1.8.2.min.js"></script>
<!--    bootst是基于jquery开发的 框架所以要先引入jquery-->
<script src="/public/addon/style/js/bootstrap.min.js"></script>
<script>
	function SameH(sidebar,right)
{
    var a=document.getElementById('sidebar');
    var b=document.getElementById('right');
   
    if (a.scrollHeight < b.scrollHeight)
    {
        a.style.height= b.scrollHeight+"px";
    }
    else
    {
        b.style.height= a.scrollHeight+"px";
    }
}
SameH();
</script>
</html>